<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@page import="fulbitofacil.negocio.CanchaFulNegocio"%>
<%@page
	import="fulbitofacil.negocio.AlquilerNegocio,java.util.Collection,fulbitofacil.modelo.CanchaFul,fulbitofacil.negocio.LocalNegocio,fulbitofacil.modelo.Local"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="charset=utf-8" />
<title>Fulbito Facil</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script type='text/javascript'>
	function MostrarUnaCancha(idCancha){
		var destino = "MostrarUnaCancha.jsp?idCancha="+idCancha;		
		window.open(destino,idCancha);
	}
 
</script>

<script type="text/javascript" src="js/script0.js"></script>
</head>
<body>
<div id="art-page-background-glare">
        <div id="art-page-background-glare-image"></div>
    </div>
    <div id="art-main">
        <div class="art-sheet">
            <div class="art-sheet-tl"></div>
            <div class="art-sheet-tr"></div>
            <div class="art-sheet-bl"></div>
            <div class="art-sheet-br"></div>
            <div class="art-sheet-tc"></div>
            <div class="art-sheet-bc"></div>
            <div class="art-sheet-cl"></div>
            <div class="art-sheet-cr"></div>
            <div class="art-sheet-cc"></div>
            <div class="art-sheet-body">
            
                <div class="art-nav">
                	<div class="l"></div>
                	<div class="r"></div>
                	<ul class="art-menu">
                		<li>
                			<a href="Inicio.jsp" class="active"><span class="l"></span><span class="r"></span><span class="t">Inicio</span></a>
                		</li>
                		<li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Busca</span></a>
                		</li>		
                		<li>
                			<a href="Login.jsp"><span class="l"></span><span class="r"></span><span class="t">Login</span></a>
                		</li>
                	</ul>
                </div>
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-sidebar1">
                        
                         <c:if test="${sessionScope['usuario']!=null}">
   							  <%@ include file="sesion.jsp"%>
							</c:if>
                        
                        
                            <div class="art-vmenublock">
                                <div class="art-vmenublock-body">
                                            <div class="art-vmenublockheader">
                                                <div class="l"></div>
                                                <div class="r"></div>
                                                 <div class="t">MENU</div>
                                            </div>
                                            <div class="art-vmenublockcontent">
                                                <div class="art-vmenublockcontent-body">
                                            <!-- block-content -->
                                                            <ul class="art-vmenu">
                                                            	<li>
                                                            		<a href="Inicio.jsp"><span class="l"></span><span class="r"></span><span class="t">Inicio</span></a>
                                                            	</li>
                                                            	<li>
                                                            		<a href="page.html?i2"><span class="l"></span><span class="r"></span><span class="t">Busqueda</span></a>
                                                            			</li>
                                                            	<li class="active">
                                                            		<a class="active" href="page.html?i3"><span class="l"></span><span class="r"></span><span class="t">Registrate</span></a>
                                                            	</li>
                                                            	
                                                            	<li>
                                                            		<a href="RegistrarLocal.jsp"><span class="l"></span><span class="r"></span><span class="t">Locales</span></a>
                                                            	</li>
                                                            	<li>
                                                            		<a href="RegistratCan.jsp"><span class="l"></span><span class="r"></span><span class="t">Canchas</span></a>
                                                            	</li>
                                                                
                                                                <li>
                                                            		<a href="page.html?i6"><span class="l"></span><span class="r"></span><span class="t">Servicios</span></a>
                                                            	</li>
                                                                
                                                                <li>
                                                            		<a href="Alquiler.jsp"><span class="l"></span><span class="r"></span><span class="t">Alquiler</span></a>
                                                            	</li>
                                                            	
                                                            	
                                                            </ul>
                                            <!-- /block-content -->
                                            
                                            		<div class="cleared"></div>
                                                </div>
                                            </div>
                            		<div class="cleared"></div>
                                </div>
                            </div>
                            
                           
                            
                           <!-- contact info -->
                            <div class="art-block">
                                <div class="art-block-tl"></div>
                                <div class="art-block-tr"></div>
                                <div class="art-block-bl"></div>
                                <div class="art-block-br"></div>
                                <div class="art-block-tc"></div>
                                <div class="art-block-bc"></div>
                                <div class="art-block-cl"></div>
                                <div class="art-block-cr"></div>
                                <div class="art-block-cc"></div>
                                <div class="art-block-body">
                                            <div class="art-blockheader">
                                                <div class="l"></div>
                                                <div class="r"></div>
                                                 <div class="t">Contactenos</div>
                                            </div>
                                            <div class="art-blockcontent">
                                                <div class="art-blockcontent-tl"></div>
                                                <div class="art-blockcontent-tr"></div>
                                                <div class="art-blockcontent-bl"></div>
                                                <div class="art-blockcontent-br"></div>
                                                <div class="art-blockcontent-tc"></div>
                                                <div class="art-blockcontent-bc"></div>
                                                <div class="art-blockcontent-cl"></div>
                                                <div class="art-blockcontent-cr"></div>
                                                <div class="art-blockcontent-cc"></div>
                                                <div class="art-blockcontent-body">
                                            <!-- block-content -->
                                                            <div><br />
                                                            <b>TECSUP</b><br />
                                                            Sta Anita, Av. Cascanueces 2221<br />
                                                            </div>
                                          <!-- /block-content -->
                                            
                                            		<div class="cleared"></div>
                                                </div>
                                            </div>
                            		<div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                        <!-- contact info -->
                        
                        <!-- contenido -->
                        <div class="art-layout-cell art-content">
                            <div class="art-post">
                                <div class="art-post-tl"></div>
                                <div class="art-post-tr"></div>
                                <div class="art-post-bl"></div>
                                <div class="art-post-br"></div>
                                <div class="art-post-tc"></div>
                                <div class="art-post-bc"></div>
                                <div class="art-post-cl"></div>
                                <div class="art-post-cr"></div>
                                <div class="art-post-cc"></div>
                                
                            <div>
                                            
                                                <img src="images/LogoFB.jpg" alt="fulbito" border="0"/>
                                            
                                            
                            </div>
                            
                            		
                                
                            </div>
                            <!-- contenido -->
                            
                            <div class="art-post">
                                <div class="art-post-tl"></div>
                                <div class="art-post-tr"></div>
                                <div class="art-post-bl"></div>
                                <div class="art-post-br"></div>
                                <div class="art-post-tc"></div>
                                <div class="art-post-bc"></div>
                                <div class="art-post-cl"></div>
                                <div class="art-post-cr"></div>
                                <div class="art-post-cc"></div>
                                <div class="art-post-body">
                            <div class="art-post-inner art-article">
                                            
                                            <div class="art-postcontent">
                                                <!-- article-content -->
                                                
                         <table border>
			 			<% 
			 				Collection<CanchaFul> listaCanchas=null;
							CanchaFulNegocio can=new CanchaFulNegocio();						
							listaCanchas=can.listarCanchas();
							for(CanchaFul cancha:listaCanchas){	
								System.out.println("numeroCanchas "+listaCanchas.size());
					 	 %>
					  <div>
					  	<tr>				  	  		
					  		<td rowspan=3><img src="<%=cancha.getFoto()%>" onClick="MostrarUnaCancha('<%=cancha.getIdCanchaFul()%>')"   width="200" height="150" /></td>				  		
					  	</tr>
					  	<tr>				  		
					  		<td>Nombre de Cancha : <%=cancha.getNombre()%></td>
					  	</tr>
					  	<tr>
					  		<td>Caracteristicas de Cancha : <%=cancha.getCaractetisticas()%></td>
					  	</tr>
					  </div>
					  	<%
					  		}
					  	%>
					 
						</table border>
                                                
                                                	
                                                    
                                                <!-- /article-content -->
                                            </div>
                                            <div class="cleared"></div>
                            </div>
                            
                            		<div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cleared"></div><div class="art-footer">
                    <div class="art-footer-inner">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <div class="art-footer-text">
                            <p><a href="#">Contactanos</a> | <a href="#">Terminos de uso</a><br />
                                Copyright &copy; 2012 ---. All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="art-footer-background"></div>
                </div>
        		<div class="cleared"></div>
            </div>
        </div>
        <div class="cleared"></div>
        <p class="art-page-footer">Fulbito Facil Project<br/>
<small>Tecsup 2012</small></p>
    </div>

</body>
</html>